<!DOCTYPE html>
<html lang="en">
  <!--<< Header Area >>-->
  <head>
    <!-- ========== Meta Tags ========== -->
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="author" content="modinatheme" />
    <meta
      name="description"
      content="DalTech - IT Solution & Technology Html Template" />
    <!-- ======== Page title ============ -->
    <title>DalTech - IT Solution & Technology Html Template</title>
    <!--<< Favcion >>-->
    <link rel="shortcut icon" href="assets/img/preloader.svg" />
    <!--<< Bootstrap min.css >>-->
    <link rel="stylesheet" href="assets/css/bootstrap.min.css" />
    <!--<< Font Awesome.css >>-->
    <link rel="stylesheet" href="assets/css/font-awesome.css" />
    <!--<< Animate.css >>-->
    <link rel="stylesheet" href="assets/css/animate.css" />
    <!--<< Magnific Popup.css >>-->
    <link rel="stylesheet" href="assets/css/magnific-popup.css" />
    <!--<< MeanMenu.css >>-->
    <link rel="stylesheet" href="assets/css/meanmenu.css" />
    <!--<< Slick.css >>-->
    <link rel="stylesheet" href="assets/css/slick.css" />
    <!--<< Nice Select.css >>-->
    <link rel="stylesheet" href="assets/css/nice-select.css" />
    <!--<< Main.css >>-->
    <link rel="stylesheet" href="assets/css/main.css" />
    <!--<< Style.css >>-->
    <link rel="stylesheet" href="style.css" />
  </head>

  <body>
    <!-- Preloader Start -->
    <div id="preloader" class="preloader">
      <div class="animation-preloader">
        <div class="spinner"></div>
        <div class="txt-loading">
          <span data-text-preloader="望" class="letters-loading">望</span>
          <span data-text-preloader="今" class="letters-loading">今</span>
          <span data-text-preloader="科" class="letters-loading">科</span>
          <span data-text-preloader="技" class="letters-loading">技</span>
        </div>
        <p class="text-center">Loading</p>
      </div>
      <div class="loader">
        <div class="row">
          <div class="col-3 loader-section section-left">
            <div class="bg"></div>
          </div>
          <div class="col-3 loader-section section-left">
            <div class="bg"></div>
          </div>
          <div class="col-3 loader-section section-right">
            <div class="bg"></div>
          </div>
          <div class="col-3 loader-section section-right">
            <div class="bg"></div>
          </div>
        </div>
      </div>
    </div>

    <!--<< Mouse Cursor Start >>-->
    <div class="mouse-cursor cursor-outer"></div>
    <div class="mouse-cursor cursor-inner"></div>

    <!-- Offcanvas Area Start -->
    <div class="fix-area">
      <div class="offcanvas__info">
        <div class="offcanvas__wrapper">
          <div class="offcanvas__content">
            <div
              class="offcanvas__top mb-5 d-flex justify-content-between align-items-center">
              <div class="offcanvas__logo">
                <a href="index.html">
                  <img src="assets/img/logo/logo.svg" alt="logo-img" />
                </a>
              </div>
              <div class="offcanvas__close">
                <button>
                  <i class="fas fa-times"></i>
                </button>
              </div>
            </div>
            <p class="d-none d-lg-block">
              Ne summo dictas pertinacia nam. Illum cetero vocent ei vim, case
              regione signiferumque vim te. Ex mea quem munere lobortis. Duis aute
              irure dolor in reprehenderit in voluptate velit esse cillum.
            </p>
            <div class="mobile-menu fix mb-3"></div>
            <div class="offcanvas__contact">
              <h4>Contact Info</h4>
              <ul>
                <li class="d-flex align-items-center">
                  <div class="offcanvas__contact-icon">
                    <i class="fal fa-map-marker-alt"></i>
                  </div>
                  <div class="offcanvas__contact-text">
                    <a target="_blank" href="#">Main Street, Melbourne, Australia</a>
                  </div>
                </li>
                <li class="d-flex align-items-center">
                  <div class="offcanvas__contact-icon mr-15">
                    <i class="fal fa-envelope"></i>
                  </div>
                  <div class="offcanvas__contact-text">
                    <a href="mailto:info@azent.com">
                      <span class="mailto:info@azent.com">info@azent.com</span>
                    </a>
                  </div>
                </li>
                <li class="d-flex align-items-center">
                  <div class="offcanvas__contact-icon mr-15">
                    <i class="fal fa-clock"></i>
                  </div>
                  <div class="offcanvas__contact-text">
                    <a target="_blank" href="#">Mod-friday, 09am -05pm</a>
                  </div>
                </li>
                <li class="d-flex align-items-center">
                  <div class="offcanvas__contact-icon mr-15">
                    <i class="far fa-phone"></i>
                  </div>
                  <div class="offcanvas__contact-text">
                    <a href="tel:+11002345909">+11002345909</a>
                  </div>
                </li>
              </ul>
              <div class="header-button mt-4">
                <a href="contact.html" class="theme-btn text-center">
                  <span>
                    Contact Us
                    <i class="fas fa-chevron-right"></i>
                  </span>
                </a>
              </div>
              <div class="social-icon d-flex align-items-center">
                <a href="#"><i class="fab fa-facebook-f"></i></a>
                <a href="#"><i class="fab fa-twitter"></i></a>
                <a href="#"><i class="fab fa-youtube"></i></a>
                <a href="#"><i class="fab fa-linkedin-in"></i></a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="offcanvas__overlay"></div>

    <!-- Header Top Start -->
    <div class="header-top-section-3">
      <div class="container-fluid">
        <div class="header-top-wrapper style-2 style-3 color-style">
          <div class="top-left">
            <ul class="contact-list">
              <li>
                <span>Call</span>
                是否还在犹豫？
                <a href="contact.html">联系我们</a>
              </li>
              <li>
                <i class="fas fa-map-marker-alt"></i>
                734 H, Bryan Burlington, NC 27215
              </li>
              <li>
                <i class="fas fa-envelope"></i>
                <a href="mailto:info@example.com" class="line-none">
                  info@example.com
                </a>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>

    <!-- Header Area Start -->
    <header class="header-section-3">
      <div id="header-sticky" class="header-3">
        <div class="container-fluid">
          <div class="mega-menu-wrapper">
            <div class="header-main style-2">
              <div class="logo">
                <a href="index.html" class="header-logo">
                  <img src="assets/img/logo/logo3.svg" alt="logo-img" />
                </a>
              </div>
              <div class="header-left">
                <div class="mean__menu-wrapper">
                  <div class="main-menu">
                    <nav id="mobile-menu">
                      <ul>
                        <li class="has-dropdown active menu-thumb">
                          <a href="index.html">首页</a>
                        </li>
                        <li class="has-dropdown active menu-thumb">
                          <a href="service.html">服务</a>
                        </li>
                        <li class="has-dropdown active menu-thumb">
                          <a href="project.html">案例</a>
                        </li>
                        <li class="has-dropdown active menu-thumb">
                          <a href="faq.html">解决方案</a>
                        </li>
                        <li class="has-dropdown active menu-thumb">
                          <a href="about.html">关于我们</a>
                        </li>
                        <li class="has-dropdown active menu-thumb">
                          <a href="contact.html">联系我们</a>
                        </li>
                      </ul>
                    </nav>
                  </div>
                </div>
              </div>
              <div
                class="header-right d-flex justify-content-end align-items-center">
                <div class="header-button">
                  <a href="contact.html" class="theme-btn">
                    <span>
                      contact us
                      <i class="fas fa-chevron-right"></i>
                    </span>
                  </a>
                </div>
                <div class="header__hamburger d-xl-block my-auto">
                  <div class="sidebar__toggle">
                    <div class="header-bar">
                      <span></span>
                      <span></span>
                      <span></span>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </header>

    <!--<< Breadcrumb Section Start >>-->
    <div
      class="breadcrumb-wrapper section-padding bg-cover"
      style="background-image: url('assets/img/breadcrumb.jpg')">
      <div class="container">
        <div class="page-heading">
          <h1 class="wow fadeInUp" data-wow-delay=".3s">service Details</h1>
          <ul class="breadcrumb-items wow fadeInUp" data-wow-delay=".5s">
            <li>
              <a href="index.html">Home Page</a>
            </li>
            <li>
              <i class="fal fa-minus"></i>
            </li>
            <li>service Details</li>
          </ul>
        </div>
      </div>
    </div>

    <!--<< Service Details Section Start >>-->
    <section class="service-details fix section-padding">
      <div class="container">
        <div class="service-details-wrapper">
          <div class="row g-5">
            <div class="col-12 col-lg-8">
              <div class="service-details-items">
                <div class="details-image">
                  <img src="assets/img/service/details-1.jpg" alt="img" />
                </div>
                <div class="details-content">
                  <h3>Digital Marketing</h3>
                  <p>
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Placeat
                    qui ducimus illum modi? perspiciatis accusamus soluta
                    perferendis, ad illum, nesciunt, reiciendis iusto et cupidit
                    Repudiandae provident to consectetur, sapiente, libero iure
                    necessitatibus corporis nulla voluptate, quisquam aut
                    perspiciatis? Fugiat labore aspernatur eius, perspiciatis ut
                    molestiae, delectus rem.
                  </p>
                  <h4>Sed ut perspiciatis unde omnis iste natus et</h4>
                  <p>
                    Need something changed or is there something not quite working
                    the way you envisaged? Is your van a little old and tired and
                    need refreshing? Lorem Ipsum is simply dummy text of the printing
                    and typesetting industry. Lorem Ipsum has been the industry’s
                    standard dummy text ever since the 1500s, when an unknown printer
                    took a galley of type and scrambled it to make a type specimen
                    book. It has survived not only five centuries, but also the leap
                    into electronic typesetting, remaining essentially unchanged.
                  </p>
                  <div class="service-details-video">
                    <div class="row g-4 align-items-center">
                      <div class="col-lg-6">
                        <div class="details-video-content">
                          <h3>Why Marketing Important ?</h3>
                          <p>
                            Lorem ipsum dolor sit amet, consectetur adipisici sed do
                            eiusmod tempor incididunt ut labore et
                          </p>
                          <ul>
                            <li>
                              <i class="far fa-check"></i>
                              Research beyond the business plan
                            </li>
                            <li>
                              <i class="far fa-check"></i>
                              Marketing options and rates
                            </li>
                            <li>
                              <i class="far fa-check"></i>
                              The ability to turnaround consulting
                            </li>
                          </ul>
                        </div>
                      </div>
                      <div class="col-lg-6">
                        <div class="video-image">
                          <img src="assets/img/service/details-2.jpg" alt="img" />
                          <div class="video-box">
                            <a
                              href="https://www.youtube.com/watch?v=Cn4G2lZ_g2I"
                              class="video-btn ripple video-popup">
                              <i class="fas fa-play"></i>
                            </a>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <p>
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Placeat
                    qui ducimus illum modi? perspiciatis accusamus soluta
                    perferendis, ad illum, nesciunt, reiciendis iusto et cupidit
                    Repudiandae provident to consectetur, sapiente, libero iure
                    necessitatibus corporis nulla voluptate, quisquam aut
                    perspiciatis? Fugiat labore aspernatur eius, perspiciatis ut
                    molestiae, delectus rem.
                  </p>
                  <div class="details-image-2">
                    <div class="row g-4">
                      <div class="col-lg-6">
                        <img src="assets/img/service/details-3.jpg" alt="img" />
                      </div>
                      <div class="col-lg-6">
                        <img src="assets/img/service/details-4.jpg" alt="img" />
                      </div>
                    </div>
                  </div>
                </div>
                <div class="faq-content">
                  <div class="faq-accordion">
                    <div class="accordion" id="accordion">
                      <div class="accordion-item wow fadeInUp" data-wow-delay=".3s">
                        <h4 class="accordion-header">
                          <button
                            class="accordion-button collapsed"
                            type="button"
                            data-bs-toggle="collapse"
                            data-bs-target="#faq1"
                            aria-expanded="false"
                            aria-controls="faq1">
                            How to learn digital marketing?
                          </button>
                        </h4>
                        <div
                          id="faq1"
                          class="accordion-collapse collapse"
                          data-bs-parent="#accordion">
                          <div class="accordion-body">
                            Ne summo dictas pertinacia nam. Illum cetero vocent ei
                            vim, case regione signiferumque vim te. Ex mea quem
                            munere lobortis. Duis aute irure dolor in reprehenderit
                            in voluptate velit esse cillum.
                          </div>
                        </div>
                      </div>
                      <div class="accordion-item wow fadeInUp" data-wow-delay=".5s">
                        <h4 class="accordion-header">
                          <button
                            class="accordion-button"
                            type="button"
                            data-bs-toggle="collapse"
                            data-bs-target="#faq2"
                            aria-expanded="true"
                            aria-controls="faq2">
                            Can I use the demos made by Ewebot?
                          </button>
                        </h4>
                        <div
                          id="faq2"
                          class="accordion-collapse collapse show"
                          data-bs-parent="#accordion">
                          <div class="accordion-body">
                            Ne summo dictas pertinacia nam. Illum cetero vocent ei
                            vim, case regione signiferumque vim te. Ex mea quem
                            munere lobortis. Duis aute irure dolor in reprehenderit
                            in voluptate velit esse cillum.
                          </div>
                        </div>
                      </div>
                      <div class="accordion-item wow fadeInUp" data-wow-delay=".7s">
                        <h4 class="accordion-header">
                          <button
                            class="accordion-button collapsed"
                            type="button"
                            data-bs-toggle="collapse"
                            data-bs-target="#faq3"
                            aria-expanded="false"
                            aria-controls="faq3">
                            Why didn’t you showcase my submission?
                          </button>
                        </h4>
                        <div
                          id="faq3"
                          class="accordion-collapse collapse"
                          data-bs-parent="#accordion">
                          <div class="accordion-body">
                            Ne summo dictas pertinacia nam. Illum cetero vocent ei
                            vim, case regione signiferumque vim te. Ex mea quem
                            munere lobortis. Duis aute irure dolor in reprehenderit
                            in voluptate velit esse cillum.
                          </div>
                        </div>
                      </div>
                      <div class="accordion-item wow fadeInUp" data-wow-delay=".9s">
                        <h4 class="accordion-header">
                          <button
                            class="accordion-button collapsed"
                            type="button"
                            data-bs-toggle="collapse"
                            data-bs-target="#faq4"
                            aria-expanded="false"
                            aria-controls="faq4">
                            What everybody ought to know about digital marketing?
                          </button>
                        </h4>
                        <div
                          id="faq4"
                          class="accordion-collapse collapse"
                          data-bs-parent="#accordion">
                          <div class="accordion-body">
                            Ne summo dictas pertinacia nam. Illum cetero vocent ei
                            vim, case regione signiferumque vim te. Ex mea quem
                            munere lobortis. Duis aute irure dolor in reprehenderit
                            in voluptate velit esse cillum.
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-12 col-lg-4">
              <div class="main-sidebar">
                <div class="single-sidebar-widget">
                  <div class="wid-title">
                    <h3>Categories</h3>
                  </div>
                  <div class="service-category">
                    <a href="service-details.html" class="active">
                      Cloud Service
                      <i class="fal fa-long-arrow-right"></i>
                    </a>
                    <a href="service-details.html">
                      Web Development
                      <i class="fal fa-long-arrow-right"></i>
                    </a>
                    <a href="service-details.html">
                      Ui/Ux Designing
                      <i class="fal fa-long-arrow-right"></i>
                    </a>
                    <a href="service-details.html">
                      IT Management
                      <i class="fal fa-long-arrow-right"></i>
                    </a>
                    <a href="service-details.html">
                      Data Visualization
                      <i class="fal fa-long-arrow-right"></i>
                    </a>
                    <a href="service-details.html">
                      Security System
                      <i class="fal fa-long-arrow-right"></i>
                    </a>
                  </div>
                </div>
                <div class="single-sidebar-widget">
                  <div class="wid-title">
                    <h3>Any Question For Us</h3>
                  </div>
                  <form action="#" id="contact-form" class="message-form">
                    <div class="row g-3">
                      <div class="col-lg-12">
                        <div class="single-form-input">
                          <input type="text" placeholder="your name" />
                        </div>
                      </div>
                      <div class="col-lg-12">
                        <div class="single-form-input">
                          <input type="email" placeholder="email address" />
                        </div>
                      </div>
                      <div class="col-lg-12">
                        <div class="single-form-input">
                          <textarea placeholder="Enter Message"></textarea>
                        </div>
                      </div>
                      <div class="col-lg-12">
                        <button class="theme-btn" type="submit">
                          <span>
                            Get a Free Quate
                            <i class="fas fa-chevron-right"></i>
                          </span>
                        </button>
                      </div>
                    </div>
                  </form>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <!--<< Brand Section Start >>-->
    <div class="brand-section-2 fix section-bg-2 mt-0">
      <div class="container">
        <div class="brand-wrapper style-2">
          <div class="brand-carousel-active-2">
            <div class="brand-image">
              <img src="assets/img/brand/01.png" alt="brand-img" />
            </div>
            <div class="brand-image">
              <img src="assets/img/brand/01.png" alt="brand-img" />
            </div>
            <div class="brand-image">
              <img src="assets/img/brand/01.png" alt="brand-img" />
            </div>
            <div class="brand-image">
              <img src="assets/img/brand/01.png" alt="brand-img" />
            </div>
            <div class="brand-image">
              <img src="assets/img/brand/01.png" alt="brand-img" />
            </div>
            <div class="brand-image">
              <img src="assets/img/brand/01.png" alt="brand-img" />
            </div>
            <div class="brand-image">
              <img src="assets/img/brand/01.png" alt="brand-img" />
            </div>
          </div>
        </div>
      </div>
    </div>

    <!--<< Footer Section Start >>-->
    <footer class="footer-section section-bg-3">
      <div class="container">
        <div class="footer-widgets-wrapper">
          <div class="row">
            <div
              class="col-xl-3 col-sm-6 col-md-6 col-lg-3 wow fadeInUp"
              data-wow-delay=".2s">
              <div class="single-footer-widget">
                <div class="widget-head">
                  <a href="index.html">
                    <img src="assets/img/logo/footer-logo.svg" alt="logo-img" />
                  </a>
                </div>
                <div class="footer-content">
                  <p>
                    We believe it has the power to do
                    <br />
                    amazing things.
                  </p>
                  <span>Interested in working with us?</span>
                  <br />
                  <a href="mailto:info@example.com" class="link">info@example.com</a>
                  <div class="social-icon d-flex align-items-center">
                    <a href="#"><i class="fab fa-facebook-f"></i></a>
                    <a href="#"><i class="fab fa-twitter"></i></a>
                    <a href="#"><i class="fab fa-vimeo-v"></i></a>
                    <a href="#"><i class="fab fa-pinterest-p"></i></a>
                  </div>
                </div>
              </div>
            </div>
            <div
              class="col-xl-2 ps-lg-5 col-sm-6 col-md-3 col-lg-3 wow fadeInUp"
              data-wow-delay=".4s">
              <div class="single-footer-widget">
                <div class="widget-head">
                  <h5>Quick Links</h5>
                </div>
                <ul class="list-items">
                  <li>
                    <a href="service-details.html">Services</a>
                  </li>
                  <li>
                    <a href="about.html">About company</a>
                  </li>
                  <li>
                    <a href="news-details.html">latest news</a>
                  </li>
                  <li>
                    <a href="team.html">team member</a>
                  </li>
                  <li>
                    <a href="testimonial.html">testimonials</a>
                  </li>
                </ul>
              </div>
            </div>
            <div
              class="col-xl-2 ps-lg-4 col-sm-6 col-md-3 col-lg-3 wow fadeInUp"
              data-wow-delay=".6s">
              <div class="single-footer-widget">
                <div class="widget-head">
                  <h5>My account</h5>
                </div>
                <ul class="list-items">
                  <li>
                    <a href="contact.html">Forum Support</a>
                  </li>
                  <li>
                    <a href="faq.html">Help & FAQ</a>
                  </li>
                  <li>
                    <a href="contact.html">Contact Us</a>
                  </li>
                  <li>
                    <a href="pricing.html">Pricing and plans</a>
                  </li>
                  <li>
                    <a href="contact.html">Cookies Policy</a>
                  </li>
                </ul>
              </div>
            </div>
            <div
              class="col-xl-2 col-sm-6 col-md-6 col-lg-3 wow fadeInUp"
              data-wow-delay=".8s">
              <div class="single-footer-widget">
                <div class="widget-head">
                  <h5>Address:</h5>
                </div>
                <div class="footer-address-text">
                  <p>570 8th Ave, New York,NY 10018 United States</p>
                  <h5>Hours:</h5>
                  <p>
                    9.30am – 6.30pm
                    <br />
                    Monday to Friday
                  </p>
                </div>
              </div>
            </div>
            <div
              class="col-xl-3 ps-xl-5 col-sm-6 col-md-6 col-lg-4 wow fadeInUp"
              data-wow-delay=".9s">
              <div class="single-footer-widget">
                <div class="widget-head">
                  <h5>Install app</h5>
                </div>
                <div class="footer-apps-items">
                  <p>From App Store or Google Play</p>
                  <div class="apps-image d-flex align-items-center">
                    <a href="#">
                      <img src="assets/img/app-store.png" alt="store-img" />
                    </a>
                    <a href="#">
                      <img src="assets/img/google-play.png" alt="store-img" />
                    </a>
                  </div>
                  <div class="support-text">
                    <p>24/7 Support center</p>
                    <h3><a href="tel:+1718-904-4450">+1718-904-4450</a></h3>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="footer-bottom">
        <div class="container">
          <div
            class="footer-wrapper d-flex align-items-center justify-content-between">
            <p class="wow fadeInLeft color-2" data-wow-delay=".3s">
              Copyright © 2024 by
              <a href="Http://www.bootstrapmb.com">bootstrapMB</a>
              . All Rights Reserved.
            </p>
            <ul class="footer-menu wow fadeInRight" data-wow-delay=".5s">
              <li>
                <a href="about.html">Company</a>
              </li>
              <li>
                <a href="contact.html">Support</a>
              </li>
              <li>
                <a href="contact.html">Privacy</a>
              </li>
              <li>
                <a href="faq.html">Faqs</a>
              </li>
            </ul>
          </div>
        </div>
        <a href="#" id="scrollUp" class="scroll-icon">
          <i class="far fa-arrow-up"></i>
        </a>
      </div>
    </footer>

    <!--<< All JS Plugins >>-->
    <script src="assets/js/jquery-3.7.1.min.js"></script>
    <!--<< Viewport Js >>-->
    <script src="assets/js/viewport.jquery.js"></script>
    <!--<< Bootstrap Js >>-->
    <script src="assets/js/bootstrap.bundle.min.js"></script>
    <!--<< Nice Select Js >>-->
    <script src="assets/js/jquery.nice-select.min.js"></script>
    <!--<< Waypoints Js >>-->
    <script src="assets/js/jquery.waypoints.js"></script>
    <!--<< Counterup Js >>-->
    <script src="assets/js/jquery.counterup.min.js"></script>
    <!--<< Slick Js >>-->
    <script src="assets/js/slick.min.js"></script>
    <!--<< Slick Animation Js >>-->
    <script src="assets/js/slick-animation.min.js"></script>
    <!--<< MeanMenu Js >>-->
    <script src="assets/js/jquery.meanmenu.min.js"></script>
    <!--<< Magnific Popup Js >>-->
    <script src="assets/js/jquery.magnific-popup.min.js"></script>
    <!--<< Wow Animation Js >>-->
    <script src="assets/js/wow.min.js"></script>
    <!--<< Circle Progress Js >>-->
    <script src="assets/js/circle-progress.js"></script>
    <!--<< Main.js >>-->
    <script src="assets/js/main.js"></script>
  </body>
</html>
